<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title></title>
		<link href="css/style.css?sad" rel="stylesheet">
	</head>
	<body>
		<div class="main">
			<div class="title">
				<img src="img/icon_slogon.png">
				<span>和好友一起挑战</span>
			</div>
			<div class="container">
                <form id="searchForm">
                    <div class="search">
                        <input id="searchInp" class="searchInp" placeholder="搜索好友战队名称">
                        <a class="searchBtn">
                            <!--<img src="img/icon_search.png">-->
                            <input id="searchSubmit" type="submit" value="" />
                        </a>
                    </div>
                </form>
				<p>加入战队，可以和热汗伙伴一起坚持训练，还有机会获得团体大奖。</p>
				<div class="team-list">
					<div class="team" data="team1" type="false">
						<img class="avatar" src="img/icon_avatar.png">
						<p><b>lululemon A战队：</b><span><i>1</i>/5人</span></p>
						<a><img class="add" src="img/icon_add.png"></a>
					</div>
					<div class="team" data="team2" type="true">
						<img class="avatar" src="img/icon_avatar.png">
						<p><b>lululemon B战队：</b><span>5/5人</span></p>
						<span class="my">满员</span>
					</div>
					<div class="team" data="team3" type="true">
						<img class="avatar" src="img/icon_avatar.png">
						<p><b>lululemon C战队：</b><span>5/5人</span></p>
                        <span class="my">满员</span>
					</div>
				</div>
				<p class="text-right"><a class="more">更多搜索结果 ></a></p>
				<div class="warTeam">
					<a class="btn" href="creatteam.html">创 建 自 己 的 战 队</a>
					<a class="btn w" href="courseslist.html">暂 不 加 入 战 队</a>
				</div>
			</div>
		</div>
	<script src="js/jquery.min.js"></script>
	<script>

		$(".team").on('click',function(){
		    var data = $(this).attr('data');
            var isfull = $(this).attr('type');
            if(isfull == 'true'){
                alert('该战队已满员,请选择其他战队！')
			}else{
                var r=confirm("是否确认加入"+data+"战队？")
				if(r){
					//$(this).find('i').text(parseInt($(this).find('i').text())+1);
				}else{

				}
			}
		})
	</script>
	</body>
</html>